<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>购物车</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/cart.css"/>
</head>
<body>
    <header class="jd_topBar">
        <a href="#" class="icon_back"></a>
        <h2>购物车</h2>
        <a href="#" class="icon_menu"></a>
    </header>
    <!-- 安全提示-->
    <div class="jd_safeTip">
        <p>您正在安全购物环境中，请放心购物</p>
    </div>
    <!--店铺-->
    <div class="jd_shop">
        <div class="jd_shop_tit">
            <div class="tit_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="tit_name clearfix">
                <img class="imgLogo" src="images/buy-logo.png" alt=""/>
                <span class="name">京东自营</span>
                <span class="tip">您享受满79元免运费服务</span>
            </div>
        </div>
        <!--商品区块-->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box"></div>
            </div>
            <!--商品信息-->
            <div class="con_product clearfix">
                <!--图片-->
                <a href="#" class="con_product_img"><img src="images/detail01.jpg" alt=""/></a>
                <!--商品详细信息-->
                <div class="con_product_box">
                    <!--图片-->
                    <a href="" class="name">
                        华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金
                    </a>
                    <!--价格-->
                    <p class="price">&yen;1000.00</p>
                    <!--操作-->
                    <div class="option">
                        <!--选择数量-->
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <!--删除按钮-->
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bot"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商品区块-->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="con_product clearfix">
                <a href="#" class="con_product_img"><img src="images/detail01.jpg" alt=""/></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金
                    </a>
                    <p class="price">&yen;1000.00</p>
                    <div class="option">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bot"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 店铺区块-->
    <div class="jd_shop" style="margin-bottom: 62px">
        <!-- 头部-->
        <div class="jd_shop_tit">
            <div class="tit_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="tit_name clearfix">
                <img class="imgLogo" src="images/buy-logo.png" alt=""/>
                <span class="name">京东自营</span>
                <span class="tip">您享受满79元免运费服务</span>
            </div>
        </div>
        <!--商品区块-->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="con_product clearfix">
                <a href="#" class="con_product_img"><img src="images/detail01.jpg" alt=""/></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金
                    </a>
                    <p class="price">&yen;1000.00</p>
                    <div class="option">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bot"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box" checked></div>
            </div>
            <div class="con_product">
                <a href="#" class="con_product_img"><img src="images/detail01.jpg" alt=""/></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金
                    </a>
                    <p class="price">&yen;1000.00</p>
                    <div class="option">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bot"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--订单金额操作-->
    <div class="jd_amount">
        <div class="amount_check">
            <div class="jd_check_box" checked></div>
            <span>全选</span>
        </div>
        <div class="amount_info">
            <p class="sum">
                合计：&yen;0.00
            </p>
            <p class="other">
                总额：&yen;0.00 返现：&yen;0.00
            </p>
        </div>
        <a href="" class="amount_submit">
            去结算(<span>0</span>)
        </a>
    </div>

    <!--弹出框-->
    <div class="jd_win" style="display: none">
        <div class="jd_win_box">
            <div class="jd_win_box_text">
                您确认删除这件商品吗？
            </div>
            <div class="jd_btn_box clearfix">
                <a href="javascript:;" class="cancel">取消</a>
                <a href="javascript:;" class="submit">确定</a>
            </div>
        </div>
    </div>
    <script src="js/cart.js"></script>
</body>
</html>